<script setup>
import {createApp, nextTick, onMounted, reactive, ref, watch} from "vue";
import api from '@/api'
import TaskDetails from "@/views/task/details.vue";
import tool from "@/utils/tool";
import {ElMessage, ElMessageBox} from "element-plus";
import {CircleCheck, Clock, Plus, Search} from "@element-plus/icons-vue";
import moment from "moment/moment";
import taskHook from "@/hooks/taskHook";
import {useRoute, useRouter} from "vue-router";
import TaskCard from "@/views/task/index";
import AddTaskDialog from "@/components/addTaskDialog/index.vue";

const app = createApp({})
app.component({
	TaskDetails,
	TaskCard
})

const {
	optionsStatue,
	taskStatusList,
	selectPriorityList
} = taskHook()


const list = ref([])
const nowProject = ref({projectName: '', id: ''})
const activeName = ref('0')
const searchForm = ref({
	title: '',
	taskTitle: '',
	taskStatue: '',
	prop: '',
	order: '',
	responsibleIdList:[],
	year:[]
})
const yearOptions = ref([
  {
    label: '2024',
    value: '2024'
  },
  {
    label: '2025',
    value: '2025'
  }
])

searchForm.value.year = ['2025']

/* 实时搜索任务描述*/
watch(()=>searchForm.value.taskTitle, ()=>{
	getTaskList()
})

const route = useRoute()
/**
 * 查询任务列表
 */
const getTaskList = () => {
	api.task.getUserTable.get({
		projectId: nowProject.value.id,
		type: route.name === 'keynote' ? '1' : '2',
		statue: activeName.value,
		responsibleIds: searchForm.value.responsibleIdList != null ? searchForm.value.responsibleIdList.join(',') : null,
    years: searchForm.value.year != null ? searchForm.value.year.join(',') : null,
		...searchForm.value
	}).then(res => {
		list.value = res.data
		// list.value.push({addTask: 1})

		// forceUpdate()
	})
}

getTaskList()


/* 获取表格优先级 */
const setTablePriority = (priority) => {
	if (priority) {
		return selectPriorityList.filter(i => i.value === priority)[0].label
	}
}

const drawer = ref(false)
const drawerId = ref('')

const isChildRow = ref(false)

/**
 * 详情
 * @param row 行数据
 * @param isChild 为子数据
 * */
const progressDetails = (row, isChild) => {
	isChildRow.value = isChild
	drawerId.value = row.id
	drawer.value = true
}

const closeTaskDetails = (status) => {
	drawer.value = status
	drawerId.value = ''
	// getTaskList()
}

/* 是否为厂商 */
var userInfo = tool.data.get("USER_INFO");
var isChangshang = userInfo.role.includes('manufacturer')

/* 是否为领导 */
const isLeader = ref()
isLeader.value = parseInt(tool.data.get("USER_INFO").isLeader);

/* 用户类型 */
const roleType = ref('')
roleType.value = String(tool.data.get("USER_INFO").roleType);

/**
 *  表格操作按钮是否显示
 *  @param data 行数据
 *  @param type 按钮类型【urgentProcessing-催办、checkAccept-验收、del-删除】
 *  @return true 是
 */
const tableBtnShow = (data, type) => {

	// 	待验收的显示验收
	if (type === 'checkAccept') {
		return isCheckAccept(data)
	}
	// 显示催办
	if (type === 'urgentProcessing') {
		// 未完成 并且不是 验收状态
		if (data.status !== 1 && !isCheckAccept(data)) {
			// 领导 或者 员工
			return (isLeader.value && !data.parentTaskId) || (!isLeader.value && roleType === '2' && data.parentTaskId)
		}
	}

	// 	已完成的显示删除
	if (data.status === 1 && type === 'del' && isLeader.value) {
		return true
	}
}

function isCheckAccept(data) {
	// 	待验收的显示验收
	if (data.status !== 1 && data.taskDescription === '1') {
		if (isLeader.value) {
			// 领导不能验收子任务，只能验收父任务 !props.appendToBody &&
			return !data.parentTaskId
		} else if (data.parentTaskId && !isChangshang) {
			//为员工可验收子任务
			return true
		}
	}

}

/**
 * 催办
 */
const urgentProcessing = (id) => {
	ElMessageBox.confirm(
		'您确认要催办该任务吗？',
		{
			confirmButtonText: '催办',
			cancelButtonText: '取消',
			type: 'warning',
			beforeClose
		}
	)

	async function beforeClose(action, instance, done) {
		if (action === 'confirm') {
			instance.confirmButtonLoading = true
			instance.confirmButtonText = '催办中...'
			const req = await api.task.urgeTask.get({taskId: id})
			if (req.code === 200) {
				done()
				ElMessage.success('催办成功')
				instance.confirmButtonLoading = false
				getTaskList()
			}

		} else {
			done()
		}
	}
}


const checkAccept = (element) => {
	element.status = 1
	api.task.edit.post(element).then(res => {
		ElMessage.success('验收成功！')
		getTaskList()
	})
}

/**
 * 显示删除弹框
 */
const showRemove = (id) => {
	ElMessageBox.confirm(
		'您确认要删除该任务吗？此操作不可撤销。',
		{
			confirmButtonText: '删除',
			cancelButtonText: '取消',
			type: 'warning',
			beforeClose
		}
	)

	async function beforeClose(action, instance, done) {
		if (action === 'confirm') {
			instance.confirmButtonLoading = true
			instance.confirmButtonText = '删除中...'
			const req = await api.task.delete.get({taskId: id})
			if (req.code === 200) {
				done()
				instance.confirmButtonLoading = false
				ElMessage.success('删除成功！')
				getTaskList()
			}

		} else {
			done()
		}
	}
}

/* 行点击 */
const rowClick = (row, type) => {
	progressDetails(row, type)
}

const sortChange = (column, prop, order) => {
	searchForm.value.prop = column.prop
	searchForm.value.order = column.order || ''
	getTaskList()
}

const expandTable = ref()

/* 禁止点开 */
const expandChange = (row) => {
	// 判断条件
	if (row.subTaskList.length < 1) {
		expandTable.value.toggleRowExpansion(row, false)
	}
}

/* 隐藏没有子任务 展开行的icon*/
const cellClassName = ({row, columnIndex}) => {
	console.log(row.subTaskList.length < 1)
	if (columnIndex === 0 && row.subTaskList.length < 1) {
		return 'displayCellIcon'
	}
	return ''
}

// const otherWidth = reactive({
// 	width_F: 0, //父菜单宽度
// 	width_C: 0  //子菜单宽度
// })
//
// /* 设置操作列宽度 */
// const setWidthByTableItem = (row, typeList)=>{
// 	tableBtnShow(row)
// }
const downloadFile = () => {

}

const optionTaskResponsible = ref([])

/* 获取负责人下拉选 */
function getOptionTaskResponsible() {
	api.task.getResponsibleList.get().then(res => {
		optionTaskResponsible.value = res.data
	})
}

getOptionTaskResponsible()

/* select 显示是否为当前用户 */
const showIsMeTitle = (id)=>{
	return id === JSON.parse(localStorage.getItem('USER_INFO')).content.id
}
const resetForm = () =>{
	searchForm.value = {
		taskTitle: '',
		taskStatue: '',
		prop: '',
		order: '',
		responsibleIdList:[]
	}
	getTaskList()
}
const taskSwitch = ref(false)
// 看板、列表切换
const taskSwitchChange = () => {
	console.log(taskSwitch.value)
}

const start1 = moment(new Date()).format("YYYY-MM-DD");
const dialogAddForm = ref(false)
const empAddFlag = ref(false)

const form = ref({
	projectId: '',
	taskTitle: '',
	taskType: '1',
	taskResponsible: '',//负责人id
	userList: [], //参与人列表
	responsibleList: [], //负责人列表
	startTime: start1,
	endTime: null,
	priority: '',
	label: '',
	taskDescription: '',
	status: '',
	priorityVe: false,
	feedtype: '0',
	feedcycle: '',
	empAddFlag: false
})

const showAddFormDialog = () => {
	dialogAddForm.value = true
	empAddFlag.value = false
	nextTick(() => {
		form.value = {
			projectId: '',
			taskTitle: '',
			taskType: '1',
			taskResponsible: '',//负责人id
			userList: [], //参与人列表
			responsibleList: [], //负责人列表
			startTime: start1,
			endTime: null,
			priority: '',
			label: '',
			taskDescription: '',
			status: '',
			priorityVe: false,
			feedtype: '0',
			feedcycle: ''
		}
	})
}

const showEmpAddFormDialog = () => {
	dialogAddForm.value = true
	empAddFlag.value = true
	// nextTick(() => {
	// 	console.log(tool.data.get('USER_INFO'))
	form.value = {
		projectId: '',
		taskTitle: '',
		taskType: '1',
		taskResponsible: tool.data.get('USER_INFO').id,//负责人id
		userList: [], //参与人列表
		responsibleList: [tool.data.get('USER_INFO')], //负责人列表
		startTime: start1,
		endTime: null,
		priority: '',
		label: '',
		taskDescription: '',
		status: '',
		priorityVe: false,
		feedtype: '0',
		feedcycle: '',
		empAddFlag: empAddFlag.value
	}
	if(isLeader.value==0)
		form.value.taskResponsible=''
	// })
	console.log(form.value)
}


const closeDialog = () => {
	dialogAddForm.value = false
	getTaskList()
}

</script>

<template>
	<el-container v-if="!taskSwitch" id="user-task-list">
		<el-header height="auto"  class="demo-header">
				<div>
					<el-form :inline="true" :model="searchForm" class="search-form">
						<el-form-item style="width: 200px">
							<el-input
								v-model="searchForm.taskTitle"
								:prefix-icon="Search"
								class="w-50 m-2"
								placeholder="搜索任务描述"
								size="large"
								clearable
							/>
						</el-form-item>
						<el-divider direction="vertical"/>
						<el-form-item style="width: 12vw" label="负责人：" v-if="!isChangshang">
							<el-select v-model="searchForm.responsibleIdList"
									   clearable
									   multiple
									   filterable
									   placeholder="选择负责人"
									   @change="getTaskList"
							>
								<el-option
									v-for="item in optionTaskResponsible"
									:key="item.id"
									:label="item.cn"
									:value="item.id"
								>
									<span style="float: left">{{ item.cn }}</span>
									<span v-if="showIsMeTitle(item.id)"
										  style="float: right; color: #8492a6; font-size: 13px">我</span>
								</el-option>
							</el-select>
						</el-form-item>
						<el-divider direction="vertical"/>
						<el-form-item label="优先级：" style="width: 155px">
							<el-select
								v-model="searchForm.priority"
								clearable
								filterable
								placeholder="优先级"
								@change="getTaskList"

							>
								<el-option
									v-for="item in selectPriorityList"
									:key="item.value"
									:label="item.label"
									:value="item.value"
								/>
							</el-select>
						</el-form-item>
						<el-divider direction="vertical"/>
						<el-form-item style="width: 185px" label="任务状态：">
							<el-select v-model="searchForm.taskStatue"
									   clearable
									   filterable
									   placeholder="任务状态"
									   @change="getTaskList"
							>
								<el-option
									v-for="item in optionsStatue"
									:key="item.value"
									:label="item.label"
									:value="item.value"
								/>
							</el-select>
						</el-form-item>
						<el-divider direction="vertical"/>
<!--						<el-form-item label="要求完成时间：">-->
<!--							<el-date-picker-->
<!--								v-model="searchForm.endTime"-->
<!--								placeholder="时间"-->
<!--								type="date"-->
<!--								value-format="YYYY-MM-DD"-->
<!--								style="width: 140px"-->
<!--								@change="getTaskList"-->
<!--							/>-->
<!--						</el-form-item>-->
            <el-form-item label="年份：" style="width: 280px">
              <el-select v-model="searchForm.year"
                         clearable
                         multiple
                         filterable
                         placeholder="年份"
                         @change="getTaskList"
              >
                <el-option
                    v-for="item in yearOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                />
              </el-select>
            </el-form-item>
						<el-divider direction="vertical"/>
						<el-form-item style="width: 63px" >
							<el-button
								class="set-font-size"
								@click="resetForm()"
							>
								重置
							</el-button>
						</el-form-item>
						<el-divider direction="vertical"/>
						<el-switch
							v-model="taskSwitch"
							class="ml-2"
							size="large"
							inline-prompt
							style="--el-switch-on-color: #409EFF; --el-switch-off-color: #409EFF"
							active-text="看板"
							inactive-text="列表"
							:change="taskSwitchChange()"
						/>
						<!--					<el-form-item>-->
						<!--						<el-button :icon="Sort">排序</el-button>-->
						<!--					</el-form-item>-->
						<!--					v-if="nowProject.id!==0 && !isChangshang &&-->
						<el-button
							v-if="nowProject.id!==0 && isLeader && route.name === 'keynote'"
							:icon="Plus"
							class="add-btn set-font-size"
							type="primary"
							@click="showAddFormDialog"
						>
							新建
						</el-button>
						<el-button
							v-if="route.name === 'regular' "
							:icon="Plus"
							class="add-btn set-font-size"
							type="primary"
							@click="showEmpAddFormDialog"
						>
							新建
						</el-button>

					</el-form>
				</div>
<!--				<el-button icon="el-icon-download" type="primary" @click="downloadFile()">导出</el-button>-->
				<!--				<el-button icon="el-icon-delete" plain type="danger"></el-button>-->
		</el-header>
		<el-main class="nopadding">
			<el-table
				ref="expandTable"
				:data="list"
				border
				header-cell-class-name="table-header-cell"
				style="width: 100%; margin-top: 20px"
				row-class-name="table-row"
				height="calc(100% - 20px)"
				row-key="id"
				:cell-class-name="cellClassName"
				@sort-change="sortChange"
				@expand-change="expandChange"
				@row-click="(row)=>rowClick(row,false)"
			>
				<el-table-column type="expand" width="40">
					<template #default="props">
						<div class="child-table">
							<!--							<div class="child-table-label">子任务</div>-->
							<el-table
								:data="props.row.subTaskList"
								border
								row-class-name="child-table-row table-row"
								header-cell-class-name="child-table-header-cell"
								:show-header="false"
								@row-click="(row)=>rowClick(row,'isChild')"
							>
								<el-table-column width="40"/>
								<el-table-column label="序号" type="index" width="48"  align="center"/>
								<el-table-column prop="taskTitle" label="任务"  min-width="30%" align="center"/>
								<el-table-column label="优先级" align="center" min-width="10%" width="88">
									<template #default="scope">
										{{ setTablePriority(scope.row.priority) }}
									</template>
								</el-table-column>

								<el-table-column prop="responsibleName" label="负责人" align="center" min-width="10%" width="64"/>
								<el-table-column label="任务状态" align="center"  min-width="10%" width="84">
									<template #default="scope">
										<el-tag
											class="child-table-status-tag"
											:type="taskStatusList[scope.row.status].type"
											disable-transitions
											effect="light"
											round
										>{{ taskStatusList[scope.row.status].name }}
										</el-tag>
									</template>
								</el-table-column>
								<el-table-column prop="endTime" label="要求完成时间"  align="center"  min-width="11%"/>
								<el-table-column prop="progress" label="最新进展" align="center"  min-width="19%">
									<template #default="scope">
										<div class="progress-main">
											{{ scope.row.progress }}
										</div>
									</template>
								</el-table-column>
								<el-table-column align="center" label="验收" min-width="10%"  width="68">
									<template #default="scope">
										<div class="urgentProcessing-main">
											<img
												v-if="scope.row.status !== 1 && scope.row.taskDescription === '1' "
												src="@/assets/urgentProcessing.png"
												class="urgentProcessing-img"
												alt=""
											>
										</div>
									</template>
								</el-table-column>
								<el-table-column
									label="操作"
									:width="90"
									align="center"
								>
									<template #default="scope">
										<el-button-group class="table-item-other">
											<el-button
												type="primary"
												plain
												size="small"
												icon="Document"
												@click.stop="progressDetails(scope.row, true)"
											>
												详情
											</el-button>
											<el-button
												v-if="tableBtnShow(scope.row,'urgentProcessing')"
												type="primary"
												plain
												size="small"
												icon="Bell"
												@click.stop="urgentProcessing(scope.row.id)"
											>
												催办
											</el-button>
											<el-button
												v-if="tableBtnShow(scope.row,'checkAccept')"
												type="warning"
												plain
												size="small"
												icon="CircleCheck"
												@click.stop="checkAccept(scope.row)"
											>
												验收
											</el-button>
											<el-button
												v-if="tableBtnShow(scope.row,'del')"
												type="danger"
												plain
												size="small"
												icon="Delete"
												@click.stop="showRemove(scope.row.id)"
											>
												删除
											</el-button>
										</el-button-group>
									</template>
								</el-table-column>
							</el-table>
						</div>
					</template>
				</el-table-column>
				<el-table-column label="序号" type="index" width="48" align="center" min-width="5%"/>
				<el-table-column prop="taskTitle" label="任务描述" min-width="30%" align="center">
					<template #default="scope">
						<div class="progress-main">
							{{ scope.row.taskTitle }}
						</div>
					</template>
				</el-table-column>
				<el-table-column prop="priority" label="优先级"  align="center" sortable="custom" min-width="10%" width="88">
					<template #default="scope">
						{{ setTablePriority(scope.row.priority) }}
					</template>
				</el-table-column>
				<el-table-column prop="responsibleName" label="负责人"  align="center" min-width="10%" width="64"/>
				<el-table-column prop="status" label="任务状态" align="center"  min-width="10%" width="84">
					<template #default="scope">
						<el-tag
							class="child-table-status-tag"
							:type="taskStatusList[scope.row.status].type"
							disable-transitions
							effect="light"
							round
						>{{ taskStatusList[scope.row.status].name }}
						</el-tag>
					</template>
				</el-table-column>
				<el-table-column prop="endTime" label="要求完成时间"  align="center" sortable="custom"  min-width="11%" />
				<el-table-column prop="progress" label="最新进展"  align="center"  min-width="19%">
					<template #default="scope">
						<div class="progress-main">
							{{ scope.row.progress }}
						</div>
					</template>
				</el-table-column>
				<el-table-column align="center" label="验收" min-width="10%"  width="68">
					<template #default="scope">
						<div class="urgentProcessing-main">
							<img
								v-if="scope.row.status !== 1 && scope.row.taskDescription === '1' "
								src="@/assets/urgentProcessing.png"
								class="urgentProcessing-img"
								alt=""
							>
						</div>
					</template>
				</el-table-column>
				<el-table-column
					label="操作"
					:width="90"
					align="center"
				>
					<template #default="scope">
<!--						<el-button-group class="table-item-other">-->
							<div class="table-item-btns">
								<el-button
									type="primary"
									plain
									size="small"
									icon="Document"
									@click.stop="progressDetails(scope.row, false)"
								>
									详情
								</el-button>
								<el-button
									v-if="tableBtnShow(scope.row,'urgentProcessing')"
									type="primary"
									plain
									size="small"
									icon="Bell"
									@click.stop="urgentProcessing(scope.row.id)"
								>
									催办
								</el-button>
								<el-button
									v-if="tableBtnShow(scope.row,'checkAccept')"
									type="warning"
									plain
									size="small"
									icon="CircleCheck"
									@click.stop="checkAccept(scope.row)"
								>
									验收
								</el-button>
								<el-button
									v-if="tableBtnShow(scope.row,'del')"
									type="danger"
									plain
									size="small"
									icon="Delete"
									@click.stop="showRemove(scope.row.id)"
								>
									删除
								</el-button>
							</div>
<!--						</el-button-group>-->
					</template>
				</el-table-column>
			</el-table>
		</el-main>
	</el-container>
	<TaskCard v-else></TaskCard>
	<!-- 新增 -->
	<AddTaskDialog
		:dialogAddForm="dialogAddForm"
		:project-id="nowProject.id"
		:task-responsible="empAddFlag ? tool.data.get('USER_INFO').id : form.taskResponsible"
		:responsible-list="form.responsibleList"
		:emp-add-flag="empAddFlag"
		@close="closeDialog"
	/>
	<TaskDetails
		:id="drawerId"
		:show-drawer="drawer"
		:flex-column="isChangshang || isChildRow"
		:none-child-info="isChangshang || isChildRow"
		:none-comment-input="isLeader || isChildRow"
		@close="closeTaskDetails"
	/>
</template>


<style lang="scss" scoped>

.el-table {
	font-size: 17px;
}
.child-table {
	//padding: 0.2% 1% 0.2%;
	text-align: center;

	.child-table-label {
		font-weight: bold;
		border-bottom: 1px solid #fff;
		color: #909399;
		font-size: 12px;
		padding: 10px;
		background-color: #f2f2f2;
	}
}

.nopadding {
	padding: 0 16px;
	height: 100%;
}

.el-button-group .el-button {
	border-left-color: unset;
}

.el-button-group .el-button {
	border-right-color: unset;
}

.progress-main {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: pre-line;
}

//.el-form-item {
//	width: auto !important;
//	margin-bottom: 0;
//}

.table-item-btns > button {
	display: block;
	margin: auto;
	margin-left: auto !important;
	margin-top: 10px;

	&:first-child {
		margin-top: 0;
	}
}

.urgentProcessing-img {
	bottom: -7px;
	right: 3px;
	height: 39px;
}




	.demo-header {
		font-size: 17px;
		overflow: hidden;
		background: #fff;
		padding: 0 15px;
		border: 1px solid #e6e6e6;
		display: block;

		> div:first-child {
			//display: flex;
			align-items: center;
			border-bottom: 1px solid #e4e7ed;

			.el-tabs {
				margin-left: 15px;
			}
		}

		.project-title {
			.el-button {
				font-size: 16px;
				border: 0;

				.el-icon {
					margin-left: 10px;
				}
			}
		}

		.search-form {
			padding: 7px 0;

			.add-btn {
				float: right;
				margin-top: 4px;
			}
		}
	}

	.list-main {
		padding: 0 15px 15px;
		display: flex;
		flex-direction: row;
		overflow: hidden;
		overflow-x: auto;
		background: #f6f8f9;
		height: calc(100% - 50px - 5px);
		user-select: none;

		// 控制列表高度
		.el-scrollbar {
			padding: 12px 8px 4px;
			height: calc(100% - 54px - 32px);
		}

		> div {
			width: 320px;
			border-right: solid 1px #eee;
			flex: 0 0 auto;

			.task-main-header {
				border-bottom: 1px solid #eee;
				padding: 12px 25px;

				> div {
					&:first-child {
						margin-bottom: 6px;
					}
				}

				.card-addTask-title {
					height: 31px;
					line-height: 37px;
					display: flex;
					align-items: center;

					.card-addTask-name {
						margin-left: 10px;
						color: #999;
					}
				}

				.card-addTask-title-container {
					display: flex;
					justify-content: space-between;
					align-items: center;

					.card-addTask-title-container-left {
						width: 120px;
						font-weight: bold;
						flex: 1;
						line-height: 24px;

						> div {
							display: inline-block;
							margin-left: 7px;
							font-weight: normal;
							font-size: 12px;
						}
					}

					.card-addTask-title-container-right {
						font-size: 12px;
						line-height: 24px;
					}
				}
			}

			.task-main-body {
				height: 100%;

				.draggable {
					height: 100%;
				}

				.el-card {
					cursor: pointer;
					position: relative;

					.card-content-body {
						display: flex;
						justify-content: space-between;
						margin-bottom: 6px;
						line-height: 32px;

						.endTime-btn {
							border: 0;
						}

						&:last-child {
							margin-bottom: 0;
						}
					}

					.card-content-body-title {
						display: flex;

						> div {
							flex: 1;
							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 4;
							-webkit-box-orient: vertical;
							white-space: pre-line;
						}

						> .el-button {
							margin-top: 5px;
						}
					}
				}
			}
		}
	}

</style>

<style scoped>
.el-table .table-row {
	cursor: pointer;
}

.el-table .table-header-cell {
	background-color: #ecf3fd !important;
	color: #68a6ff;
}

.el-table .child-table-row {
	--el-table-tr-bg-color: var(--el-fill-color-lighter);
}

.el-table .child-table-header-cell {
	background-color: #f2f2f2 !important;
}

.form-select-userTaskList {
	width: 12vw;
}

.form-select-userTaskList .el-select__tags {
	max-height: 60px;
	overflow: auto;
}


.search-form .el-form-item {
	margin-bottom: 0;
	margin-right: 0;
	width: 252px;
}

.demo-header >>> .el-tabs__header {
	margin: 0;
}

.search-form >>> .el-input__wrapper {
	box-shadow: none;
}

.search-form .el-input {
	margin-bottom: 0;
	margin-right: 0;
}

</style>
<style>
/* 隐藏展开行icon */
.displayCellIcon .el-table__expand-icon {
	display: none;
}

</style>

